//reset
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;-webkit-appearance:none;
}
html,body{
	font:14px "Microsoft YaHei","Arial","Helvetica";color:#333;
	height:100%;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-overflow-scrolling:touch;
	-webkit-font-smoothing:antialiased;
	color:#333;
	background:#F4F4F4;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,iframe{border:none;}
ul,li{list-style:none;}
a{text-decoration:none;}

@themeColor: #f5475c;
@themeBlue: #49a6f7;
@themeSecon: #999;
@themePageBg: #F4F4F4;
@themeNavHoverColor: #553c94;

.width{
	width:1400px;
	margin:0 auto;
}
// @media only screen and (max-width: 1280px){
// 	.width{
// 		width: 1200px;
// 		margin: 0 auto;
// 	}
// }
// @media only screen and (min-width: 1281px){
// 	.width{
// 		width: 1400px;
// 		margin: 0 auto;
// 	}
// }

.footer{
	color:#FFF;
	padding:40px 0;
	background:#34383b;
	text-align:center;
	margin-top:20px;
	.links{
		width:580px;
		margin:0 auto;
		padding:10px;
		border-bottom:solid 1px #494c4f;
		a{
			color:#FFF;
			margin:0 20px;
		}
	}
	.copyright{
		padding:10px;
		color:#999;
	}
}
.header{
	height:280px;
	overflow:hidden;
	color:#FFF;
	background:#e80736;
	background:-webkit-linear-gradient(right , #e80736, #fb5d3c);
	a{
		color:#FFF;
	}
	.top{
		height:60px;
		display:flex;
		justify-content: space-between;
		align-items:center;
		a{
			display:inline-block;
			margin:0 5px;
		}
		a:hover,a:active{
			font-weight:bold;
		}
		.reg{
			border:solid 1px #FFF;
			padding:0 10px;
			border-radius:5px;
			transition:background 0.4s;
		}
		.reg:hover{
			background:#FFF;
			color:@themeColor;
		}
	}
	.secon{
		height:160px;
		display:flex;
		justify-content: flex-start;
		align-items:center;
		.logo{
			width:240px;
			height:70px;
			margin-right:60px;
			img{
				height:100%;
				width:auto;
			}
		}
		.search{
			form{
				width:600px;
				height:40px;
				border-radius:40px;
				display:flex;
				justify-content:flex-start;
				align-items:center;
				overflow:hidden;
				box-shadow:1px 1px 4px #c30c30;
				input{
					font-size:18px;
					background:#FFF;
					border:none;
					width:80%;
					height:100%;
					text-indent:1em;
					outline:none;
				}
				input::-webkit-input-placeholder{
		            font-size:14px;
		            color:#BBB;
		        }
				button{
					background:@themeNavHoverColor;
					font-size:16px;
					border:none;
					color:#FFF;
					width:20%;
					height:100%;
					outline:none;
				}
			}
			.hotwords{
				margin-left:1em;
				a{
					display:inline-block;
					padding:2px;
				}
			}
		}
	}
}

.header-small{
	.secon{
		width:100%;
		height:50px;
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		color:#FFF;
		background:#e80736;
		background:-webkit-linear-gradient(right , #e80736, #fb5d3c);
		.logo{
			width:20%;
			height:36px;
			text-align:right;
			img{
				height:100%;
				width:auto;
			}
		}
		.search{
			width:80%;
			form{
				height:30px;
			}
			.hotwords{
				display:none;
			}
		}
	}
}

.backtop{
	position:fixed;
	width:47px;
	height:78px;
	bottom:100px;
	right:20px;
	z-index:10;
	a{
		display:block;
		width:100%;
		height:100%;
		background:url(../images/icon-backtop.png) no-repeat center;
		background-size:contain;
		text-indent:-999px;
		overflow:hidden;
	}
}

.header-nav{
	background:#FFF;
	box-shadow:1px 1px 5px #CCC;
	.width{
		display:flex;
		justify-content:flex-start;
		align-items:center;
		i{
			display:block;
			width:1px;
			height:20px;
			background:#EEE;
		}
		a{
			display:block;
			width:150px;
			line-height:50px;
			text-align:center;
			font-size:18px;
			color:#333;
			transition:background 0.4s;
		}
		a:hover,.active{
			background:@themeNavHoverColor;
			color:#FFF;
		}
	}
}

.catnav{
	margin:20px 0;
	.prod-nav{
		background:#FFF;
		.category{
			padding-left:5px;
			a{
				display:inline-block;
				padding:10px;
				color:#333;
				transition:color 0.4s;
			}
			a:hover,.active{
				color:@themeColor;
			}
		}
		.orders{
			display:flex;
			justify-content: space-between;
			align-items: center;
			border-top:solid 1px @themePageBg;
			padding:10px 0;
			.left{
				padding-left:10px;
				a{
					display:inline-block;
					padding:2px 5px;
					color:#333;
					border-radius:10px;
					transition:background 0.4s;
				}
				a:hover,.active{
					background:@themeColor;
					color:#FFF;
				}
			}
			.right{
				a{
					display:inline-block;
					margin-right:15px;
					color:#333;
					overflow:hidden;
					span{
						display:inline-block;
						width:18px;
						height:18px;
						background:#FFF;
						border:solid 1px #EEE;
						float:left;
						margin-right:5px;
						text-align:center;
						line-height:18px;
						transition:background 0.4s;
					}
				}
				.active{
					span{
						background:@themeColor;
						color:#FFF;
					}
				}
			}
		}
	}
}

.products{
	margin-left:-12.5px;
	.width{
		width:1413px;
	}
	.item{
		width:270px;
		background:#FFF;
		float:left;
		margin-left:10px;
		margin-bottom:12px;
		position:relative;
		.rank-number{
			position:absolute;
			top:0;
			left:0;
			width:45px;
			height:45px;
			padding:5px;
			background:url(../images/icon-rankbg.png) no-repeat center;
			background-size:contain;
			font-size:20px;
			color:#FFF;
			z-index:5;
		}
		.mask{
			float:left;
			width:100%;
			padding-bottom:10px;
			border:solid 1px @themePageBg;
		}
		.hover{
			border:solid 1px @themeColor;
			.cover .btns{
				display:block;
			}
			.extras{
				display:block;
			}
		}
		.cover{
			margin:15px;
			width:240px;
			height:240px;
			position:relative;
			img{
				display:block;
				width: 100%;
				height: 100%;
			}
			.btns{
				display:none;
				position:absolute;
				width:100%;
				bottom:0;
				cursor:pointer;
				z-index:11;
				span{
					display:inline-block;
					text-align:center;
					width:50%;
					padding:5px 0;
					background:@themeColor;
					color:#FFF;
				}
				span:hover{
					background:#34383b;
				}
			}
			.timers{
				position:absolute;
				width:100%;
				bottom:0;
				padding:10px 0;
				background:rgba(0,0,0,0.5);
				color:#FFF;
				text-align:center;
				font-weight:bold;
			}
		}
		.content{
			padding:0 15px;
			color:@themeSecon;
			line-height:24px;
			.rank-sale{
				margin-top:-10px;
				text-align:center;
				span{
					color:@themeBlue;
				}
			}
			.title{
				color:#333;
				width:230px;
				font-size:14px;
				font-weight:normal;
				overflow:hidden;
				white-space:nowrap;
				text-overflow:ellipsis;
			}
			.title:hover::after {
			    content: attr(data-title);    //取到data-title属性的值
			    padding: 4px 5px;
				color: #333;
				position: absolute;
				left: 17px; 
				top: 72%;
				white-space: nowrap; 
				z-index: 20;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px;  
				border-radius: 5px;  
				-moz-box-shadow: 0px 0px 4px #222;  
				-webkit-box-shadow: 0px 0px 4px #222;  
				box-shadow: 0px 0px 4px #222; 
				background-color:#eeeeee;
				
			}
			.line{
				height:2px;
				width:100%;
				background:@themePageBg;
				margin:10px 0;
				div{
					width:50%;
					height:2px;
					background:@themeColor;
				}
			}
			.sales{
				display:flex;
				justify-content: space-between;
				align-items:center;
				span{
					color:@themeColor;
					b{
						font-weight:normal;
						font-size:18px;
					}
				}
			}
			.fee b{
				color:@themeBlue;
				font-weight:normal;
			}
			.coupon{
				display:flex;
				justify-content:space-between;
				padding-top:5px;
				div{
					span{
						display:inline-block;
						width:80px;
						height:20px;
						line-height:20px;
						background:url(../images/icon-coupon.png) no-repeat center;
						background-size:100% 100%;
						color:@themeBlue;
						text-indent:2.5em;
						font-size:12px;
					}
				}
				p{
					span{
						display:inline-block;
						width:20px;
						height:20px;
						img{
							width:100%;
							height:100%;
						}
					}
				}
			}
		}
		.extras{
			display:none;
			line-height:24px;
			color:@themeSecon;
			position: absolute;
			bottom:-110px;
			left:0;
			width:100%;
			background:#FFF;
			padding-bottom:15px;
			border:solid 1px @themeColor;
			border-top:none;
			z-index:10;
			.row{
				padding:0 15px;
				display:flex;
				justify-content: space-between;
				.error{
					color:@themeSecon;
					i{
						display:inline-block;
						width:16px;
						height:16px;
						border-radius:16px;
						line-height:16px;
						background:@themeColor;
						color:#FFF;
						text-align:center;
						font-style:normal;
					}
				}
			}
			span b{
				font-weight:normal;
				color:@themeColor;
			}
		}
		.copys{
			display:none;
			position:absolute;
			top:0;
			left:280px;
			width:270px;
			padding:15px;
			height:auto;
			background:rgba(37,38,56,0.9);
			color:#FFF;
			z-index:10;
			font-size:12px;
			.descr{
				white-space:normal;
				text-overflow:ellipsis;
				overflow:hidden;
				line-height:18px;
			}
			.photo{
				display: inline-block;
				width: 270px;
				height: 270px;
				img{
					width: 100%;
					height: 100%;
				}
			}
		}
	}
}

.tooltips{
	position:fixed;
	width:100%;
	height:100%;
	text-align:center;
	top:0;
	left:0;
	z-index:30;
	span{
		display:inline-block;
		padding:10px 20px;
		background:rgba(0,0,0,0.6);
		color:#FFF;
		margin-top:20%;
		border-radius:3px;
	}
}

.pages{
	padding:50px;
	text-align:center;
	.pagination{
		width:100%;
		display:flex;
		justify-content:center;
		li{
			margin:2px;
			background:#FFF;
			border:solid 1px #DDD;
			border-radius:4px;
			a,span{
				display:inline-block;
				padding:10px 15px;
				color:#333;
			}
		}
		.disabled{
			background:#F1F1F1;
		}
		.active{
			background:@themeColor;
			span{
				color:#FFF;
			}
		}
	}
}

.ranknav{
	display:flex;
	justify-content:space-between;
	padding:20px 0;
	a{
		display:block;
		width:24%;
		height:100px;
		overflow:hidden;
		background-size:100% 100%;
		position:relative;
		i{
			display:none;
			position:absolute;
			top:10px;
			right:25px;
			width:20px;
			height:20px;
			line-height:20px;
			text-align:center;
			background:#FFF;
			color:@themeBlue;
			font-weight:bold;
			border-radius:20px;
		}
	}
	.active i{
		display:block;
	}
	.rank1{
		margin-left:-23px;
		background:url(../images/rank-1.jpg) no-repeat center;
	}
	.rank2{
		background:url(../images/rank-2.jpg) no-repeat center;
	}
	.rank3{
		background:url(../images/rank-3.jpg) no-repeat center;
	}
	.rank4{
		background:url(../images/rank-4.jpg) no-repeat center;
	}
}

.seckill{
	.item{
		display:flex;
		justify-content:flex-start;
		background:#FFF;
		padding:20px 50px;
		margin-top:20px;
		.copyText{

		}
		.photos{
			margin-right:50px;
			.thumb img{
				border:solid 1px #FFF;
				margin:5px 1px;
			}
			.thumb img:hover,.thumb .active{
				border:solid 1px @themeColor;
			}
		}
		.content{
			width:60%;
			.title{
				display:flex;
				justify-content:space-between;
				align-items:center;
				h1{
					font-size:18px;
					font-weight:normal;
				}
			}
			.tags{
				padding:10px 0;
				span{
					display:inline-block;
					margin-right:10px;
					padding:2px 10px;
					background:@themeBlue;
					color:#FFF;
					border-radius:6px;
				}
			}
			.feature{
				margin:10px 0;
				padding:10px 15px;
				background:#F1F1F1;
				color:@themeSecon;
			}
			.timers{
				padding-bottom:10px;
			}
			.prices{
				display:flex;
				justify-content:space-between;
				align-items:center;
				background:red;
				color:#FFF;
				padding:20px;
				text-align:center;
				.pa{
					text-align:left;
					width:30%;
					b{
						font-size:32px;
					}
				}
				.pb{
					width:15%;
					span{
						display:inline-block;
						padding:0 10px;
						background:#fcb82d;
						font-size:12px;
						position:relative;
						color:red;
						margin-bottom:5px;
					}
					span:after{
						position:absolute;
						bottom:-10px;
						left:5px;
						content:"";
						width:0;
						height:0;
						border-left: 5px solid transparent;
						border-right: 5px solid transparent;
						border-top: 5px solid #fcb82d;
						border-bottom: 5px solid transparent;
					}
					del{
						display:block;
					}
				}
				.pc{
					width:25%;
					font-size:20px;
					text-align:center;
				}
				.status{
					position:relative;
					width:30%;
					text-align:left;
					span{
						display:inline-block;
						padding:5px 20px;
						background:#Fde66a;
						color:red;
						border-radius:5px;
					}
				}
				.status:after{
					content:"";
					position:absolute;
					border-left: 60px solid transparent;
					border-top: 60px solid transparent;
					border-right: 60px solid #FFF;
					border-bottom: 60px solid transparent;
					right:-35px;
					top:-45px;
				}
			}
			.green{
				background:#22a76c;
			}
			.sales{
				padding:10px 0;
				color:@themeSecon;
				b{color:@themeColor;}
			}
			.allowance{
				display:flex;
				justify-content:space-between;
				align-items:center;
				.count{
					width:65%;
					.coupon{
						display:flex;
						justify-content:space-between;
						align-items:center;
						color:@themeSecon;
						div span{
							display:inline-block;
							width:80px;
							height:20px;
							line-height:20px;
							text-indent:2.5em;
							color:@themeBlue;
							background:url(../images/icon-coupon.png) no-repeat center;
							background-size:100% 100%;
							font-size:13px;
						}
					}
					.process{
						height:5px;
						background:@themePageBg;
						margin-top:20px;
						span{
							display:block;
							height:5px;
							width:0;
							background:@themeColor;
						}
					}
				}
				.btn{
					padding:5px 15px;
					background:@themeBlue;
					border-radius:5px;
					cursor:pointer;
					color:#FFF;
				}
			}
		}
	}
}

.seckill-detail{
	padding-top:35px;
	display:flex;
	justify-content:space-between;
	.article{
		background:#FFF;
		width:900px;
		padding:30px;
		h1{
			font-size:18px;
			color:#666;
		}
		h2{
			display:flex;
			justify-content:space-between;
			font-weight:normal;
			font-size:14px;
			padding:10px 0;
			border-bottom:solid 1px @themePageBg;
			color:@themeSecon;
			margin-bottom:20px;
		}
		p{
			margin:5px;
			line-height:24px;
			color:#666;
		}
		.wxqq{
			display:flex;
			justify-content:space-between;
			.middle{
				display:block;
				border-left:solid 1px #CCC;
			}
			.item{
				width:45%;
			}
		}
	}
	.sidebar{
		width:410px;
		.author{
			text-align:center;
			background:#FFF;
			padding:20px;
			margin-bottom:20px;
			position:relative;
			.figure img{
				padding:5px;
				border-radius:80px;
				border:solid 1px @themePageBg;
				overflow:hidden;
			}
			.nickname{
				padding:5px 0;
				font-size:16px;
			}
			.team{
				color:@themeSecon;
			}
			.score{
				display:flex;
				justify-content:space-between;
				align-items:center;
				div{
					width:45%;
					padding:20px 0;
				}
				i{
					display:block;
					width:1px;
					height:30px;
					background:@themeSecon;
				}
			}
			.btn{
				a{
					display:inline-block;
					padding:5px 15px;
					background:@themeColor;
					color:#FFF;
					width:100px;
				}
				a:last-child{
					background:@themeBlue;
				}
			}
		}
		.product{
			padding:20px 40px;
			background:#FFF;
			.cover{
				position:relative;
				img{
					display:block;
					width: 100%;
					height: 100%;
				}
				.timers{
					position:absolute;
					width:100%;
					bottom:0;
					padding:10px 0;
					background:rgba(0,0,0,0.5);
					color:#FFF;
					text-align:center;
					font-weight:bold;
				}
			}
			.content{
				color:@themeSecon;
				line-height:24px;
				.rank-sale{
					margin-top:-10px;
					text-align:center;
					span{
						color:@themeBlue;
					}
				}
				.title{
					color:#333;
					width:300px;
					font-size:14px;
					font-weight:normal;
					overflow:hidden;
					white-space:nowrap;
					text-overflow:ellipsis;
					padding-top:10px;
				}
				.line{
					height:2px;
					width:100%;
					background:@themePageBg;
					margin:10px 0;
					div{
						width:50%;
						height:2px;
						background:@themeColor;
					}
				}
				.sales{
					display:flex;
					justify-content: space-between;
					align-items:center;
					span{
						color:@themeColor;
						b{
							font-weight:normal;
							font-size:18px;
						}
					}
				}
				.fee b{
					color:@themeBlue;
					font-weight:normal;
				}
				.coupon{
					display:flex;
					justify-content:space-between;
					padding-top:5px;
					div{
						span{
							display:inline-block;
							width:80px;
							height:20px;
							line-height:20px;
							background:url(../images/icon-coupon.png) no-repeat center;
							background-size:100% 100%;
							color:@themeBlue;
							text-indent:2.5em;
							font-size:12px;
						}
					}
					p{
						span{
							display:inline-block;
							width:20px;
							height:20px;
							img{
								width:100%;
								height:100%;
							}
						}
					}
				}
				.btn{
					cursor:pointer;
					margin-top:10px;
					padding:10px;
					text-align:center;
					background:@themeColor;
					color:#FFF;
				}
			}
		}
	}
}

.product-detail{
	display:flex;
	justify-content: space-between;
	align-items:flex-start;
	margin-top:40px;
	.photos{
		padding:20px;
		background:#FFF;
		.thumb img{
			border:solid 1px #FFF;
			margin:5px 1px;
		}
		.thumb img:hover,.thumb .active{
			border:solid 1px @themeColor;
		}
	}
	.content{
		width:730px;
		padding:20px;
		background:#FFF;
		.title{
			background:#FFF;
			padding:20px;
			background:@themePageBg;
			color:#999;p{
				line-height:24px;
				margin-top:10px;
			}

			div{
				display:flex;
				justify-content:space-between;
				align-items:center;
				h1{
					font-size:18px;
					color:#444;
					padding:0;
					margin:0;
				}
				div{
					img{
						margin-left:5px;
					}
					.error{
						color:@themeSecon;
						i{
							display:inline-block;
							width:16px;
							height:16px;
							border-radius:16px;
							line-height:16px;
							background:@themeColor;
							color:#FFF;
							text-align:center;
							font-style:normal;
						}
					}
				}
			}
		}
		.prices{
			display:flex;
			justify-content:space-between;
			align-items:center;
			background:@themePageBg;
			margin-top:20px;
			padding:20px;
			color:#666;
			div{
				width:25%;
				text-align:center;
				b{
					font-size:24px;
					color:@themeColor;
				}
			}
		}
	}
	.chats{
		display:flex;
		justify-content: space-between;
		margin-top:20px;
		.wx{
			background:#FFF;
			width:375px;
			overflow:hidden;
			h3{
				text-align:center;
				padding-top:20px;
				padding-bottom:10px;
				border-bottom:solid 1px @themePageBg;
			}
			.text{
				padding:30px 0 0 55px;
				margin:20px;
				line-height:24px;
				background:url(../images/chat-wx.png) no-repeat left top;
				.moment{
					height:40px;
					background:url(../images/wx-moment.png) no-repeat center;
					background-size:100%;
				}
				.groupText{
					background:@themePageBg;
					padding:20px;
				}
			}
			.btn{
				text-align:center;
				padding-bottom:20px;
				span{
					display:inline-block;
					width:40%;
					padding:5px;
					background:@themeColor;
					color:#FFF;
					cursor:pointer;
				}
			}
		}
		.qq{
			background:#FFF;
			width:375px;
			overflow:hidden;
			h3{
				text-align:center;
				padding-top:20px;
				border-bottom:solid 1px @themePageBg;
			}
			.text{
				padding-right:60px;
				margin-top:20px;
				line-height:24px;
				background:url(../images/chat-qq.png) no-repeat right top;
				.qqText{
					background:#1fb7f4;
					color:#FFF;
					margin-left:20px;
					padding:10px;
					border-radius:6px;
				}
			}
			.btn{
				padding:5px;
				background:@themeColor;
				color:#FFF;
				cursor:pointer;
				margin:20px;
				text-align:center;
			}
		}
	}
}
.usertop{
	background:#FFF;
	height:540px;
	box-shadow:0 1px 5px #CCC;
	margin-bottom:40px;
}
.user-profile{
	position:absolute;
	width:100%;
	top:210px;
	left:0;
	z-index:10;
	.count{
		display:flex;
		justify-content:space-between;
		text-align:center;
		div{
			width:20%;
			color:#FFF;
			p:last-child{
				font-size:24px;
				font-weight:bold;
			}
		}
		.figure img{
			width:140px;
			height:140px;
			border-radius:140px;
			overflow:hidden;
			border:solid 2px #FFF;
		}
	}
	.user{
		text-align:center;
		.nickname{
			font-size:24px;
			padding:5px 0;
		}
		.address{
			color:@themeSecon;
			padding:5px 0;
		}
		.text{
			padding:5px 0;
			text-align:center;
		}
		.btn{
			position:relative;
			padding-top:10px;
			width:320px;
			margin:0 auto;
			span{
				cursor:pointer;
				display:inline-block;
				padding:5px 20px;
				background:@themeColor;
				color:#FFF;
				border-radius:6px;
				width:100px;
			}
			span:last-child{
				background:#FFF;
				border:solid 1px #666;
				color:#666;
			}
		}
		.order{
			text-align:right;
			select{
				padding:5px;
				border:none;
				background:none;
				color:#666;
			}
		}
	}
}

.dialog{
	background:rgba(0,0,0,0.8);
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
	.warp{
		width:640px;
		margin:0 auto;
		margin-top:10%;
		background:#FFF;
		border-radius:3px;
		overflow:hidden;
		.title{
			display:flex;
			justify-content:space-between;
			align-items:center;
			border-bottom:solid 1px @themePageBg;
			span,i{
				display:inline-block;
				padding:10px;
				font-style:normal;
				font-size:16px;
				cursor:pointer;
			}
		}
		.body{
			padding:10px;
			line-height:24px;
		}
		.btn{
			border-top:solid 1px @themePageBg;
			text-align:center;
			padding:10px;
			span{
				display:inline-block;
				padding:5px 20px;
				background:#FFF;
				border:solid 1px @themePageBg;
				border-radius:6px;
				color:#666;
				cursor:pointer;
			}
			.submit{
				border:solid 1px @themeBlue;
				background:@themeBlue;
				color:#FFF;

			}
		}
	}
}

.errorform{
	div{
		display:flex;
		justify-content:flex-start;
		align-items:flex-start;
		padding:5px;
		img{
			width:80px;
			height:80px;
		}
		label{
			color:@themeSecon;
			margin-right:5px;
		}
		select{
			padding:5px;
		}
		input{
			width:50%;
			border:solid 1px @themePageBg;
			padding:5px;
		}
		textarea{
			padding:5px;
			width:50%;
			height:100px;
			border:solid 1px @themePageBg;
		}
	}
}

.about{
	background:#FFF;
	display:flex;
	justify-content: space-between;
	.sidebar{
		width:16%;
		border-right:solid 1px #CCC;
		text-align:center;
		padding-top:10px;
		min-height:600px;
		a{
			display:block;
			color:#333;
			padding:10px 0;
		}
		a:hover,.active{
			background:@themeColor;
			color:#FFF;
		}
	}
	.article{
		width:82%;
		h1{
			padding:10px 0;
			border-bottom:solid 1px @themePageBg;
			margin-bottom:15px;
		}
		p{
			line-height:24px;
			margin-top:5px;
		}
	}
}

.userauthinfo{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	padding:20px;
	text-align:left;
	background:#FFF;
	margin-top:5px;
	box-shadow:1px 1px 1px #CCC;
	border:solid 1px #F1F1F1;
	border-radius:5px;
	display:none;
	b{
		font-size:12px;
		display:inline-block;
		background:#CCC;
		color:#FFF;
		width:20px;
		height:20px;
		border-radius:20px;
		text-align:center;
		line-height:20px;
		margin:5px;
	}
	.active{
		background:#3aa757;
	}
}
